import {
  Message,
  MessageBox
} from 'element-ui'
import util from '@/libs/util.js'
import router from '@/router'
import fetchHttp from '@/fetch'

export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} context
     * @param {Object} payload username {String} 用户账号
     * @param {Object} payload password {String} 密码
     * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    login({
      dispatch
    }, {
      account = '',
      password = ''
    } = {}) {
      return new Promise(async resolve => {
        const res = await fetchHttp.post('/login', {
          account,
          password
        })
        if (res) {
          sessionStorage.setItem('token', res.account);
          // 设置 vuex 用户信息
          await dispatch('chinchilla/user/set', {
            name: res.nickname
          }, {
            root: true
          })
        }
        // 用户登录后从持久化数据加载一系列的设置
        await dispatch('load')
        router.replace("/index");
        resolve()
      })
    },
    /**
     * @description 登录
     * @param {Object} context
     */
    loginAsBabyPanda({
      dispatch
    }) {
      return new Promise(async resolve => {
        const res = await fetchHttp.post('/loginAsBabyPanda');
        if (res) {
          sessionStorage.setItem('token', res.account);
          // 设置 vuex 用户信息
          await dispatch('chinchilla/user/set', {
            name: res.nickname
          }, {
            root: true
          })
        }
        // 用户登录后从持久化数据加载一系列的设置
        await dispatch('load')
        router.replace("/index");
        resolve()
      })
    },
    /**
     * @description 注销用户并返回登录页面
     * @param {Object} context
     * @param {Object} payload confirm {Boolean} 是否需要确认
     */
    logout({
      commit,
      dispatch
    }, {
      confirm = false
    } = {}) {
      /**
       * @description 注销
       */
      async function logout() {
        const account = sessionStorage.getItem('token');
        account && await fetchHttp.post('/logout', {
          account
        });
        // 删除cookie
        sessionStorage.removeItem('token');
        // 清空 vuex 用户信息
        await dispatch('chinchilla/user/set', {}, {
          root: true
        })
        // 跳转路由
        router.push({
          name: 'login'
        })
      }
      // 判断是否需要确认
      if (confirm) {
        commit('chinchilla/gray/set', true, {
          root: true
        })
        MessageBox.confirm('确定要注销当前用户吗', '注销用户', {
            type: 'warning'
          })
          .then(() => {
            commit('chinchilla/gray/set', false, {
              root: true
            })
            logout()
          })
          .catch(() => {
            commit('chinchilla/gray/set', false, {
              root: true
            })
            Message({
              message: '取消注销操作'
            })
          })
      } else {
        logout()
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} context
     */
    load({
      dispatch
    }) {
      return new Promise(async resolve => {
        // DB -> store 加载用户名
        await dispatch('chinchilla/user/load', null, {
          root: true
        })
        // DB -> store 加载主题
        await dispatch('chinchilla/theme/load', null, {
          root: true
        })
        // DB -> store 加载页面过渡效果设置
        await dispatch('chinchilla/transition/load', null, {
          root: true
        })
        // DB -> store 持久化数据加载上次退出时的多页列表
        await dispatch('chinchilla/page/openedLoad', null, {
          root: true
        })
        // DB -> store 持久化数据加载侧边栏折叠状态
        await dispatch('chinchilla/menu/asideCollapseLoad', null, {
          root: true
        })
        // DB -> store 持久化数据加载全局尺寸
        await dispatch('chinchilla/size/load', null, {
          root: true
        })
        // DB -> store 持久化数据加载颜色设置
        await dispatch('chinchilla/color/load', null, {
          root: true
        })
        // end
        resolve()
      })
    }
  }
}
